<template>
  <el-card style="width: 100%; text-align: center">
    <template #header>
      <div class="card-header">
        <h3 style="color: #1677ff">设备录像时间轴</h3>
      </div>
    </template>
    <a-form  :model="form" label-width="auto" style="display: flex; ">
      <al-form-item>
        <a-button @click="Above" style="background-color: #404d59; color: #fff"
          ><template #icon><LeftOutlined /></template>返回</a-button
        >
        <a-button style="margin-left: 10px;"><template #icon><ExportOutlined /></template>分享页</a-button>
      </al-form-item>
      <el-form-item  style="width: 100px; margin-left: 20px">
          <el-select v-model="form.Doublspeed" placeholder="1倍速" clearable>
            <el-option label="0x" value="shanghai" />
            <el-option label="1x" value="beijing" />
            <el-option label="2x" value="shanghai" />
            <el-option label="4x" value="shanghai" />
          </el-select>
        </el-form-item>
        <a-form-item style="width: 100;margin-left: 650px; ">
        <a-date-picker />
      </a-form-item>
      <a-button style="margin-left: 10px;"><template #icon><SendOutlined /></template>列表视图</a-button>
    </a-form>
  </el-card>
</template>
<script setup>
import { router } from '/@/router';
import { reactive } from 'vue';
  // 通道列表返回到上一个页面
  function Above() {
    router.go(-1);
}
const form = reactive({
    Doublspeed:''
})
</script>
